@import "base";
@import "variables";


//input共用样式

input[type="text"],
input[type="password"],
select {
  height: 40px;
  line-height: 40px;
  font-size: @font-size-base;
  color: @gray-con;
  .border(1px; @border-base);
  box-sizing: border-box;
  .border-radius(@border-radius-large);
  vertical-align: middle;
  &.form-errorMsg{
    .border(1px; @err-color);
  }
}
input[type="text"],
input[type="password"]{
  width: 100%;
  padding: 0 10px;
  &:focus{
    .border(1px; @blue-base);
  }
}
select {
  width: 100%;
  //background: url("../images/select_up.png") 96.8%  center no-repeat #fff;
  &:focus{
    .border(1px; @blue-base);
  }
}
input[type="button"],
input[type="submit"]{
  height: 30px;
  line-height: 30px;
  color: @title-color;
  border: none;
  .border-radius(@border-radius-large);
  font-size: @font-size-base;
  font-family: 'Microsoft YaHei';
  min-width: 90px;
  padding: 0 5px;
  background-color: @blue-base;
  cursor: pointer;
  &:hover{
    background-color: @blue-base-bg;
  }
  &.disable{
    .border(1px;@tabel-border);
    background: @border-base;
    color: @gray-cont;
  }
  &.provingTxt {
    display: inline-block;
    .size(100px; 26px);
    line-height: 26px;
    margin-top: 6px;
    border-left: 1px solid #dfdfdf;
    text-align: center;
    color: @blue-base;
    font-size: @font-size-base;
    background: none;
    .border-radius(0);
    &:hover {
      color: @blue-base-bg;
    }
  }
  &.ph_noBor{
    border-left: none;
  }
  &.disableCode {
    color: @gray-cont;
    &:hover {
      color: @gray-cont;
    }
  }
  //上传文件-浏览按钮样式
  //作者：刘弘愿 时间：20170518
  &.upload-btn {
    position: absolute;
    left: 16px;
    top: 0;
    outline: none;
    cursor: pointer;
    min-width: 57px !important;
    height:15px;
    line-height:15px;
    font-size: @font-size-base;
    border-radius: 0;
    margin:13px auto;
    background: @title-color;
    color:#22c7fe;
    border-right: 1px solid @border-base;
  }
  &.ke-button{
    .size(auto,23px);
    line-height: 23px;
    //background: url("../js/kindeditor/themes/default/background.png") right 25px no-repeat;
    background-color: inherit;
    color: @gray-dark;
    min-width: inherit;
    padding: 0 14px 0 12px;
    .border-radius(0);
    &:hover{
      background-color: inherit;
    }
  }

}
//内容页共用标题
.ph_subConTit{
  .size(100%; 40px);
  line-height: 40px;
  margin-bottom: 20px;
  h2{
    font-size: @font-size-large;
    color: @gray-base;
    font-weight: normal;
    .require {
      color: @err-color;
      margin-right: 5px;
      vertical-align: middle;
      &::-webkit-input-placeholder { /* WebKit browsers */
        color: @gray-base;
      }
    }
  }
}
.ware_addGoods_tit {
  .size(72px; 20px);
  margin-top: 40px;
  margin-left: 33px;
}
//公用标注样式
.require{
  color: @err-color;
  margin-right: 5px;
}

//分页样式
.paging{
  .size(100%; auto);
  margin: 20px 0;
  &:extend(.clearfix all);
}
/*
*模块：标题、筛选条件、列表
*时间：20170511
*作者：梁彬
*/
//标题样式
.ph_subTit{
  .relative;
  .size(100%; 40px);
  line-height: 40px;
  h2{
    font-size: @font-size-large;
    color: @gray;
    font-weight: normal;
    .border-bottom(1px; @tabel-border);
  }
  &.no_border h2{
    border:none;
  }
}
.ph_subMarTop{
  margin-top: @margin-20;
}
//标题内按钮
.ph_snbBtn{
  .absolute;
  .size(auto; 30px);
  line-height: 30px;
  top: 5px;
  right: 0;
  input[type="button"]{
    margin-left: 15px;
  }
}
//筛选条件
.ph_screen{
  padding: 10px 0;
}
.ph_tableBox{
  .size(100%; auto);
  table-layout: fixed;
  tr th,
  tr td{
    .relative;
    height: 50px;
    line-height: 50px;
    font-size: @font-size-base;
    color: @gray;
  }
  tr th{
    width: 120px;
    text-align: right;
  }
  tr td{
    &.ph_select{
      .btn-group{
        .left;
        width: 31% !important;
        margin-right: 2%;
      }
        select{
          .size(85%; 30px);
          line-height: 30px;
          vertical-align: middle;
          &.ph_select{
            width: 31%;
            margin-right: 2%;
          }
      }
    }
    &.ph_selectTwo{
      .btn-group{
        width: 24% !important;
      }
    }
    &.ph_selectThree{
      .btn-group{
        width: 42% !important;
      }
    }
    &.ph_selectFour{
      .btn-group{
        width: 18% !important;
      }
    }
    input[type="text"],
    input[type="password"]{
      .size(85%; 30px);
      line-height: 30px;
      &.form-control{
        width: 100%;
      }
    }
    input[type="button"]{
      margin: 0 5px;
    }
    .dayBox{
      .size(100%; auto);
      input[type="text"]{
        .size(40%; auto);
      }
    }
    textarea{
      .size(81%; 100px);
      .border(1px; @border-base);
      background: @gray-lighter;
      padding: 2%;
      line-height: 24px;
      vertical-align: middle;
      margin: 15px 0 10px 0;
      &.ph_txtAreaBg{
        background: @title-color;
        margin: 15px 0 10px 0;
        .border-radius(@border-radius-large);
      }
    }
    .ph_radio{
      display: inline-block;
      margin-right: 18px;
      input[type="radio"]{
        vertical-align: middle;
        margin: 0 5px;
      }
    }
    .refunData{
      line-height: 24px;
      max-height: 100px;
      overflow-y: auto;
      overflow-x: hidden;
    }
  }
}
//列表
.ph_wareBox{
  margin-top: 20px;
  .ph_wareList{
    .size(99.7%; auto);
    table-layout: fixed;
    margin: 0 auto;
    tr th,
    tr td{
      font-size: @font-size-base;
      color: @gray;
      vertical-align: middle;
      height: 44px;
      line-height: 22px;
      text-align: center;
      .border(1px; @tabel-border);
      .text-overflow;
      &.ph_tableShow{
        overflow: inherit;
      }
      &.td_input{
        line-height: 67px;
        .relative;
        .formError,
        .formError-text,
        .ph_errorTxt{
          bottom: 0;
        }
      }
      input[type="text"]{
        border: none;
        .size(90%; 30px);
        &:focus{
          .border(1px; @blue-base);
        }
        &.table_input{
          .border(1px;@border-base);
        }
        &.ph_spinner{
          .size(60px; 30px);
          padding: 0 5px;
          text-align: center;
        }
        &.change-input {
          .border(1px;@border-base);
        }
        &.form-errorMsg{
          .border(1px; @err-color);
        }
      }
      .show-img{
        .size(40px; 30px);
        cursor: pointer;
      }
      .ph_lookBtn{
        display: block;
        .square(100%);
        line-height: 44px;
        color: @blue-base;
        &:hover{
          color: @blue-base-bg;
        }
      }
      .ph_lookBtn_gray{
        color: @gray-cont;
      }
    }
    tr th{
      background: @tabel-bg;
      &.ph_tabColorOne{
        background: @blue-base;
        color: @title-color;
      }
      &.ph_tabColorTwo{
        background: #03ab46;
        color: @title-color;
      }
    }
  }
  .ph_spinnerBox{
    margin: 0 auto;
  }
  .dataTables_info,
  .dataTables_paginate{
    margin: 10px auto 0 20px;
  }
}
//列表操作按钮
.ph_operateBox{
  .relative;
  .size(90px; 30px);
  margin: 0 auto;
  .ph_operate{
    text-align: left;
    background: url('../images/select_up.png') 70px center no-repeat #fff;
    color: @gray;
    &:hover,
    &.hover{
      background: url('../images/select_up_h.png') 70px center no-repeat transparent;
      color: @blue-base;
    }
  }
  .ph_operateList{
    .absolute;
    .size(120px; auto);
    right: 0;
    top: 30px;
    background: @title-color;
    .border(1px; @blue-base);
    z-index: @zindex-navbar;
    li{
      line-height: 30px;
      a{
        display: block;
        color: @gray;
        &:hover{
          background: @gray-lighter;
          color: @blue-base;
        }
      }
      span{
        display: inline-block;
        color: @gray;
        cursor: pointer;
        margin: 0 5px;
        &:hover{
          text-decoration: underline;
          color: @blue-base;
        }
      }
    }
  }
}
//遮罩层
/*.maskBox{
  .absolute;
  .display;
  top: 0;
  left: 0;
  .square(100%);
  background: #000;
  .opacity(.3);
  z-index: @zindex-navbar;
}*/
//通用样式
.PopupBox{
  .display;
  .PopupCon{
    .size(100%; auto);
  }
}
//select下拉框通用样式
.selectUp{
  .size(280px;40px) !important;
  margin-left: 15px !important;
  .dropdown-toggle{
    height: 40px !important;
  }
}
//确定操作弹窗
/*.DeterBox,
.SucBox,
.SaveBox{
  .size(430px; 224px);
  margin-top: -112px;
  margin-left: -215px;
  .Deter{
    .size(100%; 80px);
    padding-top: 60px;
    text-align: center;
    color: @gray;
    h2{
      font-size: @font-size-large;
      font-weight: normal;
      line-height: 40px;
    }
    p{
      font-size: @font-size-base;
      line-height: 30px;
    }
  }
}*/
//操作弹窗按钮
.PopupBtn{
  .size(100%; 30px);
  text-align: center;
  margin-top: 25px;
  input[type="button"],
  input[type="submit"]{
    margin: 0 14px;
    .size(100px; 30px);
    &.cancel{
      .border(1px; @blue-base);
      background: @title-color;
      color: @blue-base;
      &:hover{
        color: @blue-base-bg;
        .border(1px; @blue-base-bg);
      }
    }
    //申请按钮不可编辑状态
    &.apply_disabled{
      color:@gray;
      background: @info-base;
      .border(1px; @border-base);
    }
    //申请按钮样式重置
    &.agency_apply{
      width: 280px;
      height: 40px;
      margin-left: 130px;
    }
  }
  &.btnLeft{
    text-align: left;
  }
}
.pageBtn{
  .size(400px; 30px);
  text-align: left;
  input[type="button"]{
    margin:0 10px 0 0;
  }
}
.ph_pageRel{
  .relative;
  top: -45px;
  margin-top: 0;
}
/*
*模块：查看规格详情
*时间：20170515
*作者：梁彬
*/
.ph_lookTxt{
  .size(96%; 30px);
  line-height: 30px;
  text-align: right;
  font-size: @font-size-base;
}
.ph_subPoCon{
  .size(96%; auto);
  margin: 0 auto;
  .huntList{
    width: 200px !important;
    margin-right: 8px;
  }
}
/*
*模块：订单发货
*时间：20170515
*作者：梁彬
*/
/*.deliverBox,
.ph_modifyBox{
  .size(442px; 280px);
  margin-top: -140px;
  margin-left: -221px;
}
.ph_modifyBox{
  input[type="password"]{
    .size(90%; 40px);
  }
}*/
/*
*模块：退款审核
*时间：20170515
*作者：梁彬
*/
/*.refundBox{
  .size(442px; auto);
  margin-top: -200px;
  margin-left: -221px;
  padding-bottom: 16px;
}*/
/*
*模块：扫码支付
*时间：20170515
*作者：梁彬
*/
/*.setUpBox{
  .square(400px);
  margin-top: -200px;
  margin-left: -200px;
  .setUpTxt{
    .square(280px);
    margin: 0 auto;
    p{
      font-size: @font-size-base;
      line-height: 24px;
      &.ph_setUpImg{
        .square(230px);
        margin: 0 auto;
        img{
          display: block;
          .square(230px);
        }
      }
    }
  }
}*/
/*
*模块：新增联系人
*时间：20170515
*作者：梁彬
*/
/*.addLinkmanBox{
  .size(442px; 392px);
  margin-top: -196px;
  margin-left: -221px;
}*/
/*
*模块：转移商品
*时间：20170517
*作者：梁彬
*/
/*.transferBox{
  .size(700px; 200px);
  margin-top: -100px;
  margin-left: -350px;
}*/
/*
*模块：行政区划
*时间：20170518
*作者：梁彬
*/
/*.regionBox{
  .size(700px; 260px);
  margin-top: -130px;
  margin-left: -350px;
}*/
/*
*模块：分配权限
*时间：20170518
*作者：梁彬
*/
.menuTreeBox{
  /*.size(666px; 600px);
  margin-top: -300px;
  margin-left: -333px;*/
  .menuTreeCon{
    .size(96%; 470px);
    margin: 15px auto 0 auto;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
/*
*模块：升为推广师
*时间：20170526
*作者：梁彬
*/
.divisionImg{
  .size(210px; 138px);
  overflow:hidden;
  img{
    display: block;
    .size(210px; 138px);
  }
}
/*
*模块：分页
*时间：20170523
*作者：梁彬
*/
.dataTables_info,
.dataTables_paginate{
  float:right;
  .size(auto; 30px);
  line-height: 30px;
}
.dataTables_paginate{
  a,span{
    display: inline-block;
    float:left;
    cursor: pointer;
    text-decoration: none;
  }
  .paginate_button,
  .paginate_active,
  .fg-button{
    .border(1px; @border-base);
    .border-radius(@border-radius-large);
    box-sizing: border-box;
    color: @gray-dark;
    cursor: pointer;
    margin-left: 5px;
    min-width: 30px;
    text-align: center;
    text-decoration: none;
    &:hover,
    &.paginate_active,
    &.current_ph,
    &.ui-state-disabled{
      color: @blue-base;
      .border(1px; @blue-base);
    }
    &.previous,
    &.next,
    &.first,
    &.last{
      .size(80px; 32px);
      &.ui-state-disabled,
      &.paginate_button_disabled,
      &.disabled{
        .border(1px; @border-base);
        color: @gray-cont;
      }
    }
  }
  .ui-state-disabled,
  .paginate_button_disabled,
  .disabled{
    cursor: default;
  }
}
.dataTables_wrapper{
  &:extend(.clearfix all);
}

/*表单验证提示*/
.formError,
.formError-text,
.ph_errorTxt{
  .absolute;
  left: 0;
  bottom: -11px;
  .size(auto; 20px);
  max-width: 100%;
  line-height: 20px;
  font-size: @font-size-small;
  color: @err-color;
  overflow: hidden;
}
.mainFrom,
.btn-group{
  .ph_errorTxt{
    bottom: -20px;
  }
}